<template>
  <div>
    <div class="title-css" style="text-align: center;padding: 20px 0;">
      订单信息上链
    </div>
    <div style="margin: 20px;"></div>
    <div>
      <el-form label-width="80px" :model="form">
        <el-form-item label="订单号">
          <el-input v-model="form.id"></el-input>
        </el-form-item>
        <el-form-item label="用户id">
          <el-input v-model="form.userid"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="uploadUserInfo()">确认上链</el-button>
        </el-form-item>
      </el-form>
    </div>

  </div>
</template>

<script>

export default {
  data() {
    return {
      form: {
        id: '',
        userid: ''
      }
    };
  },

  methods: {

    // 上传订单号、用户ID(NFT标识符)
    uploadUserInfo(){
      // 为后端拼接数据
      let dtoBody = {
        "OrderId": this.form.id,
        "UserId": this.form.userid
      }
      console.log("要向后端发送的数据: ", dtoBody)
    },
  },
}
</script>

<style>



</style>